<template lant="html">
  <div class="alertBox">
    <p @click="close">X</p>
  </div>
</template>

<script>
  export default {
    components: {},
    methods: {
      close(){
        this.$emit("to-close", 1, '22')
      }
    }
  }
</script>
<style lang="css">
  .alertBox {
    width: 300px;
    height: 300px;
    background: #e0e0e0;
    border: 1px solid #333333;
    position: relative;
  }

  .alertBox p {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid black;
    text-align: center;
    line-height: 20px;
    background: #ffffff;
  }
</style>
